<template>
    <div class="icon" id="icon">
        <img :src="icon_img" alt="" class="icon_img" id="icon_img">
        <div class="icon_list" v-for="(item,index) of icon_list" :key="index" @click="icon_link(item.jump_url)"></div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name: 'Icon',
    props:{
      icon_img:String,
      icon_list:Array
    },
    methods:{
      icon_link(e){
        window.location.href = e
      }
    }
}
</script>

<style lang="stylus" scoped>
@import '~@/assets/styles/varibles.styl'
.icon{width:100%;overflow:hidden;background:$bgColor;touch-action: none;display: -webkit-box;display: -webkit-flex;display: flex;position: relative;min-height:1.8rem; }
.icon_img{width:100%;position: absolute;left: 0;top: 0;z-index: 1;}
.icon_list{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;position: relative;left: 0;top: 0;z-index: 2;display:inline-block; }

</style>